<template>
	<view class="content">
		<view class="content_type">
			<view class="anchor" @click="anchor()">
				<image class="bg-set" src="../../../static/YunCangImg/14.png">
					<text>
						<h3>个人主播</h3>
						<span>自主运营账号</span>
					</text>
				</image>
			</view>
			<view class="MCN" @click="MCN()">
				<image class="bg-set" src="../../../static/YunCangImg/15.png">
					<text>
						<h3>MCN</h3>
						<span>网红经纪公司</span>
					</text>
				</image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		anchor() {
			uni.navigateTo({
				// ? 后面加要传的参数， 多个参数用 & 隔开
				url: './anchor/anchor'
			});
		},
		MCN() {
			uni.navigateTo({
				// ? 后面加要传的参数， 多个参数用 & 隔开
				url: './MCN/MCN'
			});
		}
	}
};
</script>

<style lang="scss">
.content {
	.content_type uni-view {
		width: 750upx;
		height: 300upx;
		position: relative;
		uni-image {
			width: 750upx;
			height: 300upx;
			display: inline-block;
			overflow: hidden;
			position: absolute;
			z-index: -1;
			image {
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
		}
		uni-text {
			position: absolute;
			left: 34%;
			top: 30%;
			text-align: center;
			color: #ffffff;
			h3 {
				width: 197upx;
				height: 48upx;
				font-size: 48upx;
				font-family: Microsoft YaHei UI;
				font-weight: bold;
			}
			span {
				width: 177upx;
				height: 30upx;
				font-size: 30upx;
				font-family: Microsoft YaHei UI;
				font-weight: 400;
			}
		}
	}
}
</style>
